<template>
  <view style="margin-top:100rpx;padding:50rpx">
    <a href="yc://ycbjie:8888/from?type=yangchong">打开app</a>
    <a href="myapp11://test">打开app2</a>
    <!-- <view class="content" :style="{ height: sizeInfo.height + 'px' }">
      <view v-if="listData.length > 0" class="flex-wrp">
        <view v-for="(item, index) in listData" :key="index">
          <view class="list">
            <view class="l_left">
              <image
                class="logo"
                src="/static/image/goodsLogo.jpg"
                mode="widthFix"
              ></image>
            </view>
            <view class="l_middle" mode="heightFix">
              <text class="goods_name">{{ item.goodsName }}</text>
              <view class="vip-price">
                <text class="unit">¥</text>
                <text class="price">{{ item.price }} </text>
              </view>
            </view>
            <view class="r_item">
              <u-button
                type="error"
                :plain="true"
                size="mini"
                @click="buyClick(item)"
                >去购买</u-button
              >
            </view>
            <view class="line"></view>
          </view>
        </view>
        <u-loadmore
          v-if="listData.length > 3"
          style="loadmore"
          :status="status"
          :icon-type="iconType"
          :load-text="loadText"
        />
      </view>
      <view v-else>
        <view class="tkxxBox">
          <image :src="msg" class="tkxxPic" />
        </view>
        <view class="contentTxt">未发现有数据~</view>
      </view>
    </view> -->
  </view>
</template>

<script>
import api from "@/common/utils/api"; //接口
export default {
  data() {
    return {
      list1: [
        // "https://cdn.uviewui.com/uview/swiper/swiper1.png",
        // "https://cdn.uviewui.com/uview/swiper/swiper2.png",
        // "https://cdn.uviewui.com/uview/swiper/swiper3.png",
        "static/image/banner1.jpeg",
        "static/image/banner2.jpeg",
      ],
      student: uni.getStorageSync("student"),
      sizeInfo: {
        height: 0, //滚动区域高度
      },
      msg: "/static/image/msg.png",
      // page: 1, //0开始
      // total: 0, //总页数
      keyword: "",
      listData: [],
      testData: [
        {
          goodsName: "(JD)京东E卡(50元)",
          price: "50",
        },
        {
          goodsName: "(JD)京东E卡(40元)",
          price: "40",
        },
        {
          goodsName: "(JD)京东E卡(30元)",
          price: "30",
        },
        {
          goodsName: "(JD)京东E卡(20元)",
          price: "20",
        },
        {
          goodsName: "(JD)京东E卡(10元)",
          price: "10",
        },
        {
          goodsName: "(JD)京东E卡(1元)",
          price: "1",
        },
      ],
      /* 上拉刷新,下拉加载 */
      // loadingType: 0,
      status: "nomore",
      iconType: "circle",
      loadText: {
        loadmore: "上拉加载更多",
        loading: "加载中",
        nomore: "没有更多了",
      },
    };
  },
  onPullDownRefresh() {
    //下拉刷新
    // this.page = 1;
    // this.loadingType = 0;
    // this.getRecruitListData(true);
  },
  onReachBottom() {
    //上拉加载更多
    // if (this.page >= this.total) {
    //   this.loadingType = 2;
    //   this.statusChange(3);
    //   return false;
    // } else {
    //   this.loadingType = 0;
    //   this.statusChange(1);
    //   this.getMoreListData();
    // }
  },
  created() {
    this.listData = this.testData;
  },
  onLoad() {},
  onShow() {
    // let userInfo = uni.getStorageSync("userInfo");
    // if (userInfo) {
    //   if (this.curNow == 0) {
    //     this.getRecruitListData();
    //   } else {
    //     this.getOddListData();
    //   }
    // } else {
    //   uni.showToast({
    //     title: "未获取到用户信息！",
    //     icon: "none",
    //   });
    //   return;
    // }
  },
  mounted() {},
  methods: {
    searchClick() {
      if (this.keyword) {
        let arr = [];
        this.testData.map((item) => {
          if (item.goodsName.includes(this.keyword)) {
            arr.push(item);
          }
        });
        this.listData = arr;
      } else {
        this.listData = this.testData;
      }
    },
    // sectionChange(index) {
    //   this.curNow = index;
    //   if (this.curNow == 0) {
    //     this.getRecruitListData();
    //   } else {
    //     this.getOddListData();
    //   }
    // },
    // change(index) {
    //   uni.showLoading({
    //     title: "加载中",
    //   });
    //   this.tabStatus = this.tabs[index].status;
    //   this.listData = [];
    //   if (this.curNow == 0) {
    //     this.getRecruitListData();
    //   } else {
    //     this.getOddListData();
    //   }
    // },
    buyClick() {
      uni.showToast({
        title: "商品库存不足",
        icon: "none",
        mask: true,
      });
    },
    // editClick(item) {
    //   if (this.curNow == 0) {
    //     this.$u.route({
    //       url: "pages/mine/recruitEdit",
    //       params: { row: JSON.stringify(item), editType: 0 },
    //     });
    //   } else {
    //     this.$u.route({
    //       url: "pages/mine/oddEdit",
    //       params: { row: JSON.stringify(item), editType: 0 },
    //     });
    //   }
    // },
    // againRelease(item) {
    //   if (this.curNow == 0) {
    //     this.$u.route({
    //       url: "pages/mine/recruitEdit",
    //       params: { row: JSON.stringify(item), editType: 1 },
    //     });
    //   } else {
    //     this.$u.route({
    //       url: "pages/mine/oddEdit",
    //       params: { row: JSON.stringify(item), editType: 1 },
    //     });
    //   }
    // },
    // deleteClick(item) {
    //   let that = this;
    //   uni.showModal({
    //     title: "提示",
    //     content: "确定删除该职位信息？一同发布的其他职位信息也会被删除！",
    //     success: function (res) {
    //       if (res.confirm) {
    //         if (that.curNow == 0) {
    //           let par = {
    //             recruitId: item.recruitId,
    //             // positionId: item.positionId,
    //             recruitStatus: 4,
    //           };
    //           api.recruitUpdate(par).then((res) => {
    //             if (res.success) {
    //               uni.showToast({
    //                 title: "删除成功",
    //                 icon: "none",
    //                 mask: true,
    //               });
    //               that.getRecruitListData();
    //             } else {
    //               uni.showToast({
    //                 title: "操作失败！",
    //                 icon: "none",
    //                 mask: true,
    //               });
    //             }
    //             uni.hideLoading();
    //           });
    //         } else {
    //           let par = {
    //             recruitId: item.recruitId,
    //             // positionId: item.positionId,
    //             recruitStatus: 4,
    //           };
    //           api.zeroUpdate(par).then((res) => {
    //             if (res.success) {
    //               uni.showToast({
    //                 title: "删除成功",
    //                 icon: "none",
    //                 mask: true,
    //               });
    //               that.getOddListData();
    //             } else {
    //               uni.showToast({
    //                 title: "操作失败！",
    //                 icon: "none",
    //                 mask: true,
    //               });
    //             }
    //             uni.hideLoading();
    //           });
    //         }
    //       } else if (res.cancel) {
    //         // console.log('用户点击取消')
    //       }
    //     },
    //   });
    // },
    // 全职职能列表
    // getRecruitListData(isPullDown) {
    //   let par = {};
    //   par = {
    //     //1、待审核、2、审核成功、3、审核失败、4、已删除、5、已下架
    //     recruitStatus: this.tabStatus,
    //     positionName: this.keyword,
    //   };
    //   let userInfo = uni.getStorageSync("userInfo");
    //   par.submitOpenId = userInfo.openid;
    //   api.findRecruitInfoByOpenId(par).then((res) => {
    //     if (res.success) {
    //       let listData = res.data || [];
    //       this.listData = listData;
    //     }
    //     uni.hideLoading();
    //   });
    // },
    // // 零工职能列表
    // getOddListData(isPullDown) {
    //   let par = {};
    //   let url = "";
    //   par = {
    //     //1、待审核、2、审核成功、3、审核失败、4、已删除、5、已下架
    //     recruitStatus: this.tabStatus,
    //     positionName: this.keyword,
    //   };
    //   let userInfo = uni.getStorageSync("userInfo");
    //   par.submitOpenId = userInfo.openid;
    //   api.findRecOddJobByOpenId(par).then((res) => {
    //     if (res.success) {
    //       let listData = res.data || [];
    //       this.listData = listData;
    //     }
    //     uni.hideLoading();
    //   });
    // },
    // statusChange(index) {
    //   this.status =
    //     index == 0
    //       ? "loadmore"
    //       : index == 1
    //       ? "loading"
    //       : index == 2
    //       ? "loadmore"
    //       : "nomore";
    // },
  },
};
</script>

<style scoped>
.content {
  display: flex;
  flex-direction: column;
  background: #f7f7f7;
}
.topSty {
  margin-top: 10rpx;
  padding: 10rpx;
}
.flex-wrp {
  /* overflow-y: scroll; */
  padding: 10px 20px 60px 10px;
}
.list {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 10px 0;
  /* -moz-box-shadow: -1px 1px 11px rgba(32, 32, 32, 0.07);
  -webkit-box-shadow: -1px 1px 11px rgba(32, 32, 32, 0.07);
  box-shadow: -1px 1px 11px rgba(32, 32, 32, 0.07); */
  position: relative;
  border-bottom: 4rpx solid #efefef;
}
.l_left {
  height: 180rpx;
  width: 200rpx;
  /* max-width: 250rpx; */
  text-align: center;
}
.logo {
  width: 140rpx;
  height: 140rpx;
  border-radius: 10rpx;
}
.l_middle {
  height: 180rpx;
  /* max-width: 250rpx; */
  flex: 1;
  display: flex;
  flex-direction: column;
}
.goods_name {
  margin-top: 12rpx;
}
.vip-price {
  margin-top: 50rpx;
  color: #f56c6c;
}
.r_item {
  width: 100rpx;
  /* align-items: center; */
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.tkxxBox {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 50%;
  margin-bottom: 28rpx;
}
.tkxxPic {
  width: 54%;
  height: 280rpx;
  display: block;
}
.contentTxt {
  text-align: center;
  font-size: 28rpx;
  font-weight: bold;
  color: #333333;
}
</style>